require('../../../assets/css/main.css');
require('../../../assets/css/show_congratulation.css')
import 'assets/js/wii_entry';
import 'assets/js/common'
import {Utils} from 'wmu2';
import Vue from 'vue'
//import App from './awardApp'
import VueResource from 'vue-resource'
Vue.use(VueResource);
var app = new Vue({
//  render: h => h(App)
    el:'#app',
    data() {
    return {
      isHandcircle:false,
      actId:'',
      isDrawEnd:'',   //次数是否用完
      drawType:'',
      shake:{
        isShake: true,   //为true的时候 摇动生效 默认状态生效  
        url: $CONFIG.page.submit_url,   //请求的路径需要配置
        threshold:7,
        timeout:500,
        params:{
          id: $CONFIG.page.actId    //
        },
        callback: function(data,evt){
        	//   网络有问题或者接口地址请求不到
           if(data.ret){
                GLOBAL.pop(data.msg);
                return ;
           }else{
           	
           	evt.stopShake();// 回调没返回来之前先禁止摇动
            var errorCode = data.error_code
//           调取接口成功的函数   根据返回的data 判断
            if (errorCode != undefined && errorCode != null && errorCode != "") {
                switch (Number(errorCode)) {
                case 14019: // 抽奖次数已用完
                    $CONFIG.page.isDrawEnd = 1;
                    var noAwardMsg = '<p class="p1 mt20">摇奖次数用完了</p>';
                    if ($CONFIG.isShare.isShareBtn) {
                        noAwardMsg += '<p class="p2">邀请好友，或者</p>';
                    }
                    noAwardMsg += '<p class="p2">明天再来吧</p>';
                    $("#J_Yao").hide();
                    $("#J_NoReward").show();
                    $("#J_NoReward").find(".J_NoRewardMsg").html(noAwardMsg);
                    $("#surplus_play_times").text(0);

                    //TODO  分享好友按钮没有了
                    //$('.J_share').show();
                    evt.stopShake();
                    break;
                default:
                    GLOBAL.pop("摇动失败");
                    evt.startShake(); //
                    break;
            }
            
            return;
        } ;

         $("#surplus_play_times").text(data.surplus_play_times);
                // data.data.award_type 中奖类型 0：未中奖；1：中奖；2：外链
                if (data.award_type === 0||data.award_type === "0") {
                    var noAwardMsg = '<p class="p1 mt20">很遗憾，未中奖</p>';
                    noAwardMsg += '<p class="p2">再接再厉</p>';
                    $("#J_Yao").hide();
                    $("#J_NoReward").find(".J_NoRewardMsg").html(noAwardMsg);
                    $("#J_NoReward").show();
                    //$(".J_Draw").show();
                   evt.stopShake();  //未中奖禁止摇动 3秒后重新开启
                    //3秒后自动可以摇
                    setTimeout(function () {
                        //如果当前处于可以摇奖的情况，则继续摇奖
                        if ($CONFIG.page.isDrawEnd != 1) {
                            evt.startShake(); //3秒后开启摇动权限
                            $("#J_Yao").show();
                            $("#J_NoReward").hide();
                        }
                    }, 3000);
                } else if (data.award_type === 1) {
                   evt.stopShake();  //禁止摇动，弹层弹出
                    $("#J_AwardSuccess").show();
                    $("#J_AwardSuccess").find(".J_img").attr("src", data.award.award_image_url);
                    $("#J_AwardSuccess").find(".J_title").html(data.award.award_name);
                    $("#J_AwardSuccess").find(".J_url").attr('href', data.award.jump_url);
                } else if (data.award_type === 2||data.award_type === "2") {
                    evt.stopShake();
                    $("#J_YaoSuccess").show();
                    $("#J_YaoSuccess").find(".J_title").html(data.non_award.link_title);
                    $("#J_YaoSuccess").find(".J_url").attr('href',data.non_award.link_url);
                };

				    $(".pop-close-btn").click(function () {
				        $(this).parent().parent().hide();
				         evt.startShake();   //点击关闭蒙层之后能够继续摇动
				      });
 
           	
           	
           }

        }
      }

    }
    
  },
  created() {
    this.handYaoActive();
  },
  watch: {

  },
  computed: {
    
  },
   beforeMount: function() { 
   	
      
   },
  mounted() {
  	 $('body').css('display','block');
  	 var mTmiddle=function(){
	 var  mt = $('body').height() - $('.img').height() - $('.page-bottom').height() - $('.wii-shake').height()
    $('.wii-shake').css('marginTop',mt/2)
    $('#J_NoReward').css('marginTop',mt/2)
}
   mTmiddle()
  	  // 刚一进来的时候判断一下状态  
   if ($CONFIG.page.isDrawEnd == 1) {
        var noAwardMsg = '<p class="p1 mt20">摇奖次数用完了</p>';
        if ($CONFIG.page.drawType == 1) {
            noAwardMsg += '<p class="p2">邀请好友，或者</p>';
            noAwardMsg += '<p class="p2">明天再来吧</p>';
        } else {
            noAwardMsg += '<p class="p2">邀请好友来玩吧！</p>';
        }

        $("#J_Yao").hide();
        $("#J_NoReward").show();
        $("#J_NoReward").find(".J_NoRewardMsg").html(noAwardMsg);
        $("#surplus_play_times").text(0);
       
    }
      let redRing=$('.red-ring');
      let redRingAngle=0;
       setInterval(()=>{
        redRingAngle =redRingAngle+22.5;
        redRing.animate({'rotate': redRingAngle+'deg'}, 0);
    },300);
    
  },
  methods: {
	handYaoActive(){     // 摇动的动画的函数
		setTimeout(()=>{
			setInterval(()=>{
				this.isHandcircle ? this.isHandcircle = false : this.isHandcircle = true;
			},600)
		},200)
	}
  }
})